<template>
  <div class="wrapper" ref="wrapper">
    <div class="content">
      <ul>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
        <li>0</li>
      </ul>
    </div>
  </div>
</template>
<script>
import bScroll from 'better-scroll'
export default {
  name: 'MyPage',
  mounted() {
    this.bscroll = new bScroll(this.$refs.wrapper, {
      probeType: 2,
      pullUpLoad: true,
    })
    // this.bscroll.on('scroll', (position) => {
    //   console.log('position')
    // })
    this.bscroll.on('pullingUp', () => {
      console.log('上拉加载更多')
      setTimeout(() => {
        this.bscroll.finishPullUp()
      }, 1000)
    })
  },
  data() {
    return {
      bscroll: null,
    }
  },
}
</script>
<style lang="less" scoped>
.wrapper {
  height: 200px;
  background-color: #bfa;
  overflow: hidden;
}
</style>
